<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets">
<h:head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</h:head>
<h:body>

	<ui:composition template="/MenuTemplate.xhtml">



		<ui:define name="content">

			<p:layout>



				<p:layoutUnit position="center">

					<h:form id="form">
						<p:growl id="men" sticky="true" />
						<div id="logo" align="center">

							<p:panel id="panelTipoSolicitud" header="Tipo Solicitud PQR">
								<h:panelGrid style="margin: 0 auto;">
									<p:dataTable id="tabla"
										value="#{tipoSolicitudPqrView.tipoDataModel}" var="tipo"
										selection="#{tipoSolicitudPqrView.selectedTipoSolicitudPqr}"
										paginator="true" rows="10" scrollHeight="300">

										<p:column selectionMode="single"
											style="width:100px; margin: 0 auto;">
											<f:facet name="header">
												<h:outputText value="Seleccione" />
											</f:facet>
										</p:column>
										<p:column filterBy="#{tipo.descTpSol}"
											sortBy="#{tipo.descTpSol}" style="width: 600px">
											<f:facet name="header">
												<h:outputText value="Descripción Del Tipo De Soicitud" />
											</f:facet>
											<h:outputText value="#{tipo.descTpSol}" />
										</p:column>
										<p:column filterBy="#{tipo.estadoRegistro}"
											sortBy="#{tipo.estadoRegistro}" style="width: 500px">
											<f:facet name="header">
												<h:outputText value="Estado Del Registro" />
											</f:facet>
											<h:outputText value="#{tipo.estadoRegistro}" />
										</p:column>
										<f:facet name="footer">
											<p:commandButton id="createButton" value="Crear"
												action="#{tipoSolicitudPqrView.crear}" update=":form"
												binding="#{tipoSolicitudPqrView.btnCrear}"
												oncomplete="PF('singleCarDialog').show()" />
											<p:commandButton id="viewButton" value="Modificar"
												action="#{tipoSolicitudPqrView.editar}" update=":form"
												binding="#{tipoSolicitudPqrView.btnModify}"
												oncomplete="PF('singleCarDialog').show()" />

										</f:facet>
									</p:dataTable>
								</h:panelGrid>
								<p:dialog id="dialogo" header="Registros Tipo Solicitud"
									widgetVar="singleCarDialog" resizable="false" showEffect="clip"
									hideEffect="fold" closable="false" height="500">
									<p:messages id="msg" />

									<h:panelGrid columns="3" style="margin: 0 auto;" id="panel">
										<h:outputText id="msgDescripcion" value=" Descripción: * " />
										<p:inputText id="txtDescripcion" disabled="true"
											binding="#{tipoSolicitudPqrView.txtDescTpSol}"
											required="true"
											requiredMessage="Campo Descripción obligatorio "
											style="width:400px" />
										<p:message for="txtDescripcion" display="icon" />
										<h:outputText id="msgEstadoRegistro"
											value=" Estado del Registro: *" />
										<p:selectOneRadio id="radioEstadoregistro" style="width:250px"
											binding="#{tipoSolicitudPqrView.txtEstadoRegistro}"
											required="true" disabled="true"
											requiredMessage="El Estado del Registro es obligatorio">
											<f:selectItem itemLabel="Activo" itemValue="A" />
											<f:selectItem itemLabel="Retirado" itemValue="R" />
										</p:selectOneRadio>
										<p:message for="radioEstadoregistro" display="icon" />
									</h:panelGrid>
									<h:panelGrid columns="2">
										<p:panel id="panelMotivoR" header="Motivo Reclamación">
											<p:pickList id="MotivoReclamacion"
												value="#{tipoSolicitudPqrView.motivoReclamacion}"
												var="motivoR" itemLabel="#{motivoR.descripcionMotRecl}"
												itemValue="#{motivoR}" converter="entityConverter">
											</p:pickList>
										</p:panel>
										<p:panel id="panelMotivoS" header="Motivo Solicitud">
											<p:pickList id="MotivoSolicitud"
												value="#{tipoSolicitudPqrView.motivoSolicitud}"
												var="motivoS" itemLabel="#{motivoS.descripcionMotSol}"
												itemValue="#{motivoS}" converter="entityConverter">
											</p:pickList>
										</p:panel>
										<p:panel id="panelAnexos" header="Anexos">
											<p:pickList id="ListaAnexos"
												value="#{tipoSolicitudPqrView.anexos}" var="anexoPQR"
												itemLabel="#{anexoPQR.descripcionAnexo}"
												itemValue="#{anexoPQR}" converter="entityConverter">
											</p:pickList>
										</p:panel>
									</h:panelGrid>
									<h:panelGrid id="panelBotones" columns="2"
										style="margin: 0 auto;">

										<p:commandButton id="btnGuardar" value="Guardar"
											action="#{tipoSolicitudPqrView.action_modify}"
											binding="#{tipoSolicitudPqrView.btnSave}"
											update="msg,panelBotones,panel" />

										<p:commandButton id="btnCerrar" value="Atras" update=":form"
											oncomplete="PF('singleCarDialog').hide()" process="@this"
											actionListener="#{tipoSolicitudPqrView.cerrar}">
											<p:resetInput target="panel" />
										</p:commandButton>
									</h:panelGrid>
								</p:dialog>
							</p:panel>
						</div>
					</h:form>
				</p:layoutUnit>
			</p:layout>
		</ui:define>
	</ui:composition>
</h:body>
</html>